XtGem Forum catalog
MY
WAPMASTER

Free Online Tools And Generator

Contact
my wapmaster selekeh

Tips
Jika mendapati halaman blank ( blank Page ) silahkan gunakan halaman VERSI DASAR Kami. ×

Kode Dasar HTML

HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML singkatan dari Hyper Text Markup Language saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).
Berikut kami hadirkan kode dasar Html lengkap, namun perlu kami ingatkan tidak semua Browser mendukung.




Gambar

html image
<img src="example.jpg" alt="image">

mengecilkan gambar
html image

<img src="example.jpg" alt="image" width="104" height="142">



Gambar Styles
html image

<img src="example.jpg" alt="image" style="width:300px;height:320px;">

Link gambar
html image
Klik Gambar

<a href="http://ykub.xtgem.com">
<img src="example.jpg" alt="image" width="104"></a>



Link
Html Link
<a href="http://ykub.xtgem.com" title="keterangan link">Html link</a>

Baris Baru

ini
contoh
baris
baru
ini<br>contoh<br>baris<br>baru

Garis pembatas

Garis pembatas

Garis pembatas <hr>

text mesin tik
<tt>text mesin tik</tt>

Text Tebal / Bold
<b>Text Tebal Bold</b>

text underline garis bawah
<u>text underline</u>

text miringkan kepala kekanan
<i>text miring</i>

Teks Subscript ke bawah
Text <sub>Subscript</sub>


Teks Superscript ke atas
Text <sup>Superscript</sup>

contoh dengan warna merah
<div style="color:#F00;">text disini</div>

Text blockquote
<blockquote>text blockquote </blockquote>

contoh text blockquote ini contoh hasilnya. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


Text indent dimana Kata pertama menjorok ketengah.
lihat pada awal kalimat jarak dari kiri

<p style="text-indent:14px;">text indent </p>

Text Right To Left
( baca dari kanan ke kiri )
<bdo dir="rtl">Text Right To Left</bdo>

Quot atau Quotation adalah "text yang diawali dan diakhiri tanda titik dua atas" pada text atau kalimat tersebut.
<q>preformatted Text</q>

<pre>preformatted Text</pre>

keyboard Text Ctrl + S
<kbd>keyboard Text</kbd>

Variable Text: E = mc2
<var>Variable Text</var>

Code Text
x = 5;
y = 6;
z = x + y;
<code>x=5; y=6; z=x+y;</code>

Contoh Text Emphasized
<em>emphasized Text</em>

Contoh Smaller Text
<small>smaller Text</small>

Contoh inserted Text
<ins>inserted Text</ins>

Contoh Deleted Text
<del>Deleted Text</del>

Contoh strike Text
<s>Strike Text</s>

marked atau highlighted Text
<mark>marked Text</mark>

text berstabilo atau Tag Text
<span style="background:#000;color:#FFF;">text stabilo</span>

garis tebal

<hr style="height:5px;background:#0000ff;color:#FF0000;" />

html Garis warna


<hr style="color:#FF0000;" />

garis putus-putus dengan dotted

<div style="border-bottom:2px dotted #ff7500;"></div>

Text ukuran besar
<font size="50">text</font>

Text ukuran besar warna
<font color="red" size="50">text</font>

Text Font ukuran besar
<span style="color:#FF0000;font-size:300%;font-family:'Comic Sans MS';">text font</font>

Text Align
Text Align terdiri dari :
1. Left - Text kiri
2. Center - Text Tengah
3. Right - Text Kanan
4. Justify - Text Rata Kiri Dan Kanan

Contoh menggunakan Text Align justify, Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

<div style="text-align:justify;">text rata kiri kanan</div>

Judul Post Html fieldset legend keterangan postingan disini masukan text atau kode apa saja.

<fieldset>
<legend><a href="http://ykub.xtgem.com" title="keterangan link">Judul Post</a></legend>
Html fieldset keterangan postingan disini masukan text atau kode apa saja.
</fieldset>

  • list style circle
  • list style circle
  • list style circle

<ul style="list-style:circle;">
<li>list style</li>
<li>list style</li>
<li>list style</li>
</ul>

  • list style square
  • list style square
  • list style square

<ul style="list-style:square;">
<li>list style</li>
<li>list style</li>
<li>list style</li>
</ul>

  1. point 1
  2. point 2
  3. dst

<ol>
<li>point 1</li>
<li>point 2</li>
<li>dst</li>
</ol>

Tombol Button

<input type="submit" value="DOWNLOAD NOW" />

TABEL HTML
Your text 1Your Text 2

<table width="100%" border="1"><tr><td width="50%" align="center">Your text 1</td><td width="50%" align="center">Your Text 2</td></tr></table>

TEXT SHADOW
Shadow

<div style="color: #fff; text-shadow: #eee 0 0 10px, #777 0 5px 4px, #777 0 4px 3px;   font-size: 50px;   text-align: center; padding: 5px 0; margin: 0; font-weight:  bold; text-transform: uppercase;background:#E6b960;">Shadow</div>

DIV STYLE
DIV STYLE

<div style="background-color: #000066; border: 2px solid #000011; align: center"><div style="border: 1px solid #000022"><div style="border: 1px solid #000033"><div style="border: 1px solid # 000044"><div style="border: 1px solid #000055"><div style="border: 1px solid #000066"><div style="border: 1px solid #000077"><div style="border: 1px solid # 000088"><div style="border: 1px solid #000099"><div style="border: 2px solid #666666"><table width="100%"bgcolor="black"><tr><td width="100%" bgcolor="black" align="center"><center><FONT color="#ffffff"><div style="background-color: #222222; border: 1px solid #111111; align: center"><div style="border: 1px solid #222222"><div style="border: 1px solid #333333"><div style="border: 1px solid # 444444"><div style="border: 1px solid #555555"><div style="border: 1px solid #666666"><div style="border: 1px solid 777777"><div style="border: 1px solid # 888888"><div style="border: 1px solid #888888"><div style="border: 1px solid 777777"><div style="border: 1px solid #666666"><div style="border: 1px solid # 555555"><div style="border: 1px solid #444444"><div style="border: 1px solid #333333"><div style="border: 1px solid #222222">DIV STYLE</tr></td></table></div></div></div></div></div></div></div></div></div></div>


COPY CODE FROM





My Wapmaster
Rating 4 stars
Deskripsi
Author
Keywords Generator, Widget, wapmaster tools

Share
Navigation


My Wapmaster merupakan Wapsite layanan online umpan web, yang terdiri dari tools atau alat pengelola untuk blogger, serta tutorial publikasi lain yang berbasis web.
Css Konten jadi Menghilang Dengan Tombol Ex
sang begal komentar xtgem itu bernama badwords
Template sederhana responsive 3 kolom
cara ampuh memindah xt auth subscribe xtgem